
/*	Desc: Sp0xx6 Screen Style Sheet
	Author: Jim Olson aka atworkinthecloud.com
	Date Modified: December 7, 2009
	Version: Beta 3 
	
=== === === === === === === === === === */


/*=STRUCTURE
=== === === === === === === === === === */

body {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
	text-align: center;
	background: #000000 url(../images/background.gif);
}

div#WrapOuter {width: 960px;margin-left:auto;margin-right:auto;}

div#WrapInner {color: #333332;width: 960px;margin: auto;text-align: left;background-color: #fff;float: left;}

body.sidebars div#Column1,
body.sidebar-left div#Column1 {
	width: 160px;
	float: left;
	padding-left: 30px;
	padding-bottom: 10px;
}

body.sidebar-left div.node div.Content {
	width: 680px;
}

body.sidebars div.node div.Content {
	width: 480px;
}

div#Column2,
body.sidebar-left div#Column2,
body.sidebar-right div#Column2 {
	width: 670px;
	float: left;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}

body.sidebars div#Column2 {
	width: 450px;
	margin-left: 30px;
	float: left;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}

body.sidebars div#Column3,
body.sidebar-right div#Column3 {
	width: 160px;
	float: right;
	padding: 00px 20px 30px 20px;
}
body.sidebars div#Column3 ul,
body.sidebar-right div#Column3 ul{
	margin-bottom:12px;
}


body.sidebar-right div#Column1,
body.sidebar-left div#Column3 {
	height: 0;
	width: 0;
	display: none;
}

div#Column1 h2,
div#Column3 h2 {
	font-family: Georgia, serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.7em;
}

div#Column1 h3,
div#Column3 h3 {
	font-family: Georgia, serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.7em;
}


/*=NAVIGATION
=== === === === === === === === === === */

/* META NAVIGATION */

div#UserIDContainer { 
	line-height: 20px;
	height: 20px;
	text-align: right;
	margin-right: 20px;
	padding-left: 5px;
	margin-top: 10px;
}

div#UserID {
	line-height: 20px;
	padding-left: 18px;
	height: 20px;
	background: url(../images/lock.png) no-repeat left center;
	text-transform: uppercase;
	font-size: 9px;
	display: inline;
}

div#UserIDContainer.LoggedIn div#UserID {
	background: url(../images/user.png) no-repeat left center;
}

div#UserID a {
	color: #2b2b2b;
}

/* MAIN NAVIGATION */

div#MainNav {
	width: 930px;
	height: 50px;
	padding-left: 30px;
	text-align: right;
	float: left;
	clear: both;
	background: #bedfff url(../images/accent.png) no-repeat 800px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.6em;
}

div#MainNav li {
	display: inline;
}

div#MainNav a {
	float: left;
	line-height: 50px;
	padding-right: 8px;
	padding-left: 8px;
}

div#MainNav li.leaf.first a {
	padding-left: 0;
}

div#MainNav li.active-trail a,
div#MainNav li.parent a,
div#MainNav a:hover,
div#MainNav a.active {
	background: url(../images/indicator.gif) no-repeat center bottom;
}

div#SubNav {
	width: 950px;
	height: 50px;
	padding-left: 10px;
	margin-bottom: 15px;
	text-align: right;
	float: left;
	clear: both;
}

div#SubNav li {
	display: inline;
}

div#SubNav a {
	float: left;
	line-height: 50px;
	padding-right: 8px;
	padding-left: 8px;
}


/*=NODE NAVIGATION
=== === === === === === === === === === */

#NN {
	width: 78px;
	float: left;
	clear: right;
	margin: 0 0 5px 28px;
}

#NN ul.NodeNav li {
	width: 22px;
	height: 22px;
	float: left;
	margin-right: 3px;
}

#NN ul.NodeNav li a {
	text-indent: -9999px;
	width: 22px;
	height: 22px;
	float: left;
	display: block;
}

#NN ul.NodeNav li.Dashboard a {
  	background: url(../images/cog.png) no-repeat left center;
}

#NN ul.NodeNav li.Content a {
  	background: url(../images/page_add.png) no-repeat left center;
}

#NN ul.NodeNav li.Comments a {
  	background: url(../images/comments.png) no-repeat left center;
}

#NL {
	line-height: 22px;
	width: 290px;
	height: 22px;
	float: left;
	margin: 0 0 5px 11px;
}

#NL fieldset {
	padding: 0;
}

#NL .fieldset-wrapper {
	width: 290px;
	padding-left: 0px;
}

#NL fieldset.collapsible {
	background: #ffffff;
	padding: 0 6px 4px 0;
}

#NL fieldset.collapsible.collapsed {
	border: 0;
}

#NL fieldset.collapsible legend.collapse-processed a,
#NL fieldset.collapsible.collapsed legend.collapse-processed a {
	line-height: 22px;
	margin-bottom: 0px;
	margin-right: 9px;
	margin-top: 0;
	margin: 0;
	padding-right: 8px;
}

#NL fieldset.collapsible div.fieldset-wrapper div.item-list ul {
	margin-bottom: 4px;
}

#NL fieldset.collapsible div.fieldset-wrapper div.item-list ul li {
	line-height: 16px;
}

#NL fieldset.collapsible div.fieldset-wrapper div.item-list ul li div.title {
	font-weight: normal;
	width: 220px;
	float: left;
	margin-left: 8px;
}

